<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="约会,交友,征婚,相亲,找对象,找女友,找男友,免费交友,征婚交友,网上约会,同城约会,网易同城,白领征婚,北京交友,上海交友,广州交友,深圳交友,杭州交友">
    <meta name="description"
          content="同城约会是网易公司旗下婚恋交友网站，专为单身男女白领提供征婚交友服务，免费发布约会促成同城交友，坚持诚信相亲，谢绝一夜情。同城约会提倡多多了解，慢慢相爱，是一个绿色的网友见面的相约平台。">
    <title>同城约会 - 网易婚恋交友网，网上约会现实见面，诚信的交友平台</title>
    <link type="text/css" rel="stylesheet" media="screen" href="static/cdn/stylesheets/all.css">
    <script src="js/vue.min.js"></script>
    <script src="js/axios.js"></script>
    <script src="js/yh.js"></script>
    <style>.portrait-ps .link img {
        object-fit: contain;
        position: static;
        visibility: visible;
    }
    </style>
</head>
<body>
<div id="app">
    <myframe ref="myframe">
        <div id="page-photoshowlist" class="mainblock">
            <div class="infoblock roundcornerblock roundcornerblock-blue-nb">
                <div class="topleft">
                    <div class="outside"></div>
                    <div class="border"></div>
                </div>
                <div class="topright">
                    <div class="outside"></div>
                    <div class="border"></div>
                </div>
                <div class="bottomleft">
                    <div class="outside"></div>
                    <div class="border"></div>
                </div>
                <div class="bottomright">
                    <div class="outside"></div>
                    <div class="border"></div>
                </div>
                <div class="text">
                    <a href="/emotion.do">情感空间</a> »
                    <h3>主题照片秀</h3>
                </div>
            </div>
            <div class="pslistwrap">
                <div><a name="list-top" class="anchor"></a>
                    <ul class="pslist">
                        <li v-for="p in page.list" class="psblock">
                            <div class="fiwrap">
                                <a href="/photoshow.do?psid=33" target="_blank">
                                    <img :src="p.logoSmall"
                                         height="200" width="200" alt="主题照片秀"></a>
                            </div>
                            <div class="infowrap">
                                <div class="linkwrap">
                                    <a href="/photoshow.do?psid=33" target="_blank">查看详情 »</a>
                                </div>
                                <h4 class="title"><a href="/photoshow.do?psid=33" target="_blank">{{p.name}}</a></h4> <span
                                    class="desc">{{p.content}}</span>
                            </div>
                            <div class="prwrap">
                                <ul class="prlist">
                                    <li v-for="s in p.shows" class="prblock">
                                        <div class="portrait-ps portrait-ps-w136">
                                            <a href="psuser.do?id=30003013#nav" target="_blank" class="link"><img
                                                    :src="s.image"
                                                    alt="会员照片" onload="$autoAdjustImageFrame(this, 1);"></a>
                                        </div>
                                        <span class="ui"><a href="/psuser.do?id=30003013#nav" target="_blank"
                                                            class="nick">????关联用户名</a><span class="pcount"><span
                                                class="vote">{{s.votes}}票</span><span class="support">{{s.supports}}人气</span></span></span></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                    <div class="clear"></div>
                    <div class="pager">
                        <span class="current">1</span><a href="#list-top">2</a><a
                            href="#list-top">3</a><a
                            href="#list-top">4</a><a
                            href="#list-top">5</a><a
                            href="#list-top">6</a><a
                            href="#list-top">7</a><a
                            href="#list-top">下一页</a><span
                            class="jumpwrap"><span>到第</span><input type="text" class="pagenum" value="1"><span>页</span><button
                            type="button" class="button button-minor">确定</button></span>
                    </div>
                </div>
            </div>
        </div>
    </myframe>

</div>
<script>
    var v = new Vue({
        el : "#app",
        data : {
            page : {
                pageNum : 1,
                list: []
            }
        },
        created(){
            this.query();
        },
        methods:{
            query() {
                axios.get("/yuehui/yhPhotoRace/queryPage?pageNum="+this.page.pageNum).then(res=>{
                    this.page.list = res.data.records;
                    this.page.count = res.data.total;
                    console.log(this.page.list);
                    console.log(this.page.count)
                })
            }
        }
    })
</script>
</body>
</html>